<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
    <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
    <meta content="utf-8" http-equiv="encoding">

    <link rel="icon" href="/favicon.ico" type="image/png"/>
    <link rel="shortcut icon" href="/favicon.ico" type="image/png"/>

    <link href="/themes/black-tie/jquery-ui-black-tie.css"
	  type="text/css" rel="Stylesheet" class="ui-theme"/>
    <link href="/jquery/jquery.checkbox.css"
	  type="text/css" rel="Stylesheet" class="ui-checkbox"/>
    <link href="/clira/clira.css"
	  type="text/css" rel="Stylesheet" class="ui-main"/>
    <link href="/themes/black-tie/addons-black-tie.css"
	  type="text/css" rel="Stylesheet" class="ui-addon"/>
    
    <link href="/jquery/jqgrid/ui.jqgrid.css" type="text/css" rel="Stylesheet"/>

    <script type="text/javascript" src="/jquery/jquery.js"></script>
    <script type="text/javascript" src="/jquery/jquery.mruPulldown.js"
    		></script>
    <script type="text/javascript" src="/jquery/jquery-ui.js"></script>
    <script type="text/javascript" src="/jquery/jquery.checkbox.js"></script> 

    <script type="text/javascript" src="/jquery/jquery.dbgpr.js"></script>
    <script type="text/javascript" src="/jquery/yform.js"></script> 

    <script type="text/javascript"
	    src="https://maps.googleapis.com/maps/api/js?sensor=true"></script>
    <script type="text/javascript"
	    src="/external/gmaps.js"></script>

    <script type="text/javascript" src="/clira/clira.js"></script>
    <script type="text/javascript" src="/clira/clira.prefs.js"></script>
    <script type="text/javascript" src="/clira/clira.muxer.js"></script>
    <script type="text/javascript" src="/jquery/jqgrid/grid.locale-en.js"></script>
    <script type="text/javascript" src="/jquery/jqgrid/jquery.jqGrid.src.js"></script>


<!--
    <script type="text/javascript" src="/jquery/dform.js"></script> 
    <script type="text/javascript" src="/jquery/dform.converters.js"></script> 
    <script type="text/javascript" src="/jquery/dform.extensions.js"></script> 
    <script type="text/javascript" src="/jquery/dform.plugins.js"></script> 
    <script type="text/javascript" src="/jquery/dform.subscribers.js"></script> 
    <script type="text/javascript" src="/jquery/dform.wizard.js"></script> 
-->

    <script type="text/javascript" src="/clira/parser.js"></script>
    <script type="text/javascript" src="/clira/parser.types.js"></script>
    <script type="text/javascript" src="/clira/parser.test.js"></script>
    <script type="text/javascript" src="/clira/builtins.js"></script>

    <script type="text/javascript" id="last"></script>

  </head>

  <body>
    <div id="header">
      <div id="prefsbtn"></div>
      
      <div id="prefs-main-form" title="Preferences">
        <div class="setupgrid">
          <ul class="setupgrid">
            <li><a id="prefs-devices" href="#">Set Up Devices</a></li>
            <li><a id="prefs-groups" href="#">Set Up Groups</a></li>
            <li><a id="prefs-general" href="#">General Preferences</a></li>
          </ul>
        </div>
      </div>

      <div id="prefs-devices-form" title="Devices">
        <p>The devices that CLIRA can access are listed below.</p>
        <table id="prefs-devices-grid"></table>
        <div id="prefs-devices-pager"></div>
      </div>
      
      <div id="prefs-groups-form" title="Groups">
        <p>Groups of devices that CLIRA can access are listed below.</p>
        <table id="prefs-groups-grid"></table>
        <div id="prefs-groups-pager"></div>
      </div>

      <div id="prefs-general-form" title="General">
      </div>

      <div id="prefs-dialog" title="Preferences" style="display: none">
      </div>
    </div>

    <div id="input-top">
      <div id="target-list">
	<div id="target-title">Recent Targets:</div>
	<div id="target-contents-none">None</div>
	<div id="target-contents"></div>
      </div>

      <div id="command-top">
	<div id="command-history" style="display: none"
	     class="history command-value">
	  <div class="empty">No commands</div>
	  <div class="contents" style="display: none"></div>
	</div>
	<button id="command-clear" class="icon-clear"></button>
	<div class="label">clira&gt;</div>
	<form id="command-input-form" action="#">
	  <input spellcheck="false" autocomplete="off" id="command"
		 class="command-value input text-entry" autofocus="on"
		 maxlength="2048" name="command" size="120"
		 type="text"/>
	</form>
	<button id="command-pulldown" class="icon-pulldown"></button>
      </div>
      <button id="input-enter" class="icon-enter"></button>
    </div>

    <div id="output-top"></div>

    <div id="debug-container" class="ui-widget ui-corner-all">
      <div class="ui-state-default ui-widget-header ui-corner-all">
	<button class="icon-remove-section"></button>
	<button class="icon-hide-section"></button>
	<button class="icon-unhide-section"></button>
	<button class="icon-clear-section"></button>
	<div id="debug-title" class="ui-corner-all">Debug Log:</div>
      </div>
      <div id="debug-log" class="can-hide">&nbsp;</div>
    </div>

  </body>
</html>
